<template>
    <table border="1">
        <thead>
            <tr style="background-color: cyan">
                <td>教职工编号</td>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
                <td>家庭住址</td>
                <td>手机号</td>
            </tr>
        </thead>
        <tbody>
            <tr v-for="itme in teacher" :key="itme.tid">
                <td>{{itme.tid}}</td>
                <td>{{itme.tname}}</td>
                <td>{{itme.tgender}}</td>
                <td>{{itme.tage}}</td>
                <td>{{itme.taddress}}</td>
                <td>{{itme.tphone}}</td>
            </tr>
        </tbody>
    </table>
</template>

<script setup lang="ts">
const teacher=[{tid:1001,tname:'张三',tgender:'男',tage:30,taddress:'北京市朝阳区',tphone:'13812345678'},
    {tid:1002,tname:'李四',tgender:'女',tage:25,taddress:'上海市浦东新区',tphone:'13912345678'},
    {tid:1003,tname:'王五',tgender:'男',tage:40,taddress:'广州市天河区',tphone:'13712345678'},
    {tid:1004,tname:'赵六',tgender:'女',tage:35,taddress:'深圳市南山区',tphone:'13612345678'},
    {tid:1005,tname:'钱七',tgender:'男',tage:28,taddress:'杭州市西湖区',tphone:'13512345678'},
    {tid:1006,tname:'孙八',tgender:'女',tage:32,taddress:'武汉市武昌区',tphone:'13412345678'},
    {tid:1007,tname:'周九',tgender:'男',tage:45,taddress:'成都市武侯区',tphone:'13312345678'},
    {tid:1008,tname:'吴十',tgender:'女',tage:38,taddress:'重庆市渝中区',tphone:'13212345678'},
    {tid:1009,tname:'郑十一',tgender:'男',tage:29,taddress:'南京市鼓楼区',tphone:'13112345678'},
    {tid:1010,tname:'王十二',tgender:'女',tage:34,taddress:'上海市浦东新区',tphone:'13012345678'},
]
</script>
